UNIVERSITY  OF  MICHIGAN  ^ SCHOOL  OF  INFORMATION 
SI  539:  Design  of  Complex  Web  Sites 
Syllabus 


Term: 

Lectures: 

Location: 

Labs: 

Location: 

Instructor: 

Email: 

Telephone: 

Office  hours: 


Winter  2008 

Wednesday,  9:00  am  - 12:00  pm 
3 1 1 West  Hall 

Tuesday,  4:00  pm  - 6:00  pm 

DIAD  Computer  Lab  (Shapiro  Library  - 4th  Floor) 

Dr.  Charles  Severance 

csev@umich.edu 

see  “Email” 

by  appointment 


Course  Description 


This  course  is  a hands-on  approach  to  building  interactive,  database-backed  websites.  Topics  covered 
include  HTML,  CSS,  and  Ajax;  the  Ruby  programming  language;  the  Rails  web  development 
framework;  and  data  modeling  and  database  design. 


Course  Web  Site 


The  course  will  be  administered  via  CTools  at  https://ctools.umich.edu/portal.When  you  log  in  to 
CTools  you  should  see  two  tabs  for  the  course.  One  tab  is  titled  “SI  539.”  This  is  where  much  of  the 
course  interaction  will  take  place.  The  second  tab  is  titled  “SI  539  W08.”  This  is  where  assignments 
will  be  distributed  and  graded.  You  should  see  both  tabs;  if  you  do  not  see  both  tabs  (after  looking  in 
the  "more  sites"  drop-down)  be  sure  to  contact  the  instructor  to  ensure  that  you  are  properly 
enrolled  in  the  course. 


Course  Mailing  List 

Much  of  the  communication  for  the  course  will  accomplished  via  email.  Students  are  expected  to  read 
the  email  that  comes  to  them  from  the  course.  The  mailing  list  is  also  a place  to  get  help  in  the  class. 
It  is  completely  acceptable  for  a student  in  the  course  to  attempt  to  help  another  student  over  the 
mailing  list.  The  Instructor  will  read  all  mail  and  correct  any  incorrect  advice  that  one  student  gives 
another.  The  email  address  for  the  course  is  si539@ctools.umich.edu.  All  students  have  permission  to 
post  to  the  mailing  list. 

Required  Books 

Three  textbooks  are  required  for  the  course.  You  can  purchase  the  books  from  any  source,  but  if  you 
purchase  either  or  both  of  the  first  two  from  www.sitepoint.com  you  can  get  a PDF  copy  for  a small 
extra  charge.  We  will  go  through  the  books  in  the  order  in  which  they  are  listed  below.  You  can 
purchase  the  books  as  you  need  them  throughout  the  course.  Students  interested  in  a project  option 
will  probably  need  all  three  books  by  the  midterm. 

Build  Your  Own  Web  Site  the  Right  Way  Using  HTML  & CSS  by  Ian  Lloyd 

Published:  Sitepoint,  2006 

ISBN:  0975240293;  9780975240298 


web  site: 


http://www.sitepoint.com/books/htmll/ 


Build  Your  Own  Ruby  on  Rails  Web  Applications  by  Patrick  Lenz 

Published:  Sitepoint,  2007 

ISBN:  0975841955;  9780975841952 

web  site:  http://www.sitepoint.com/books/railsl/ 

Agile  Web  Development  with  Rails  (2nd  ed)  by  Dave  Thomas  and  David  Heinemeier  Hansson 
Published:  Pragmatic  Bookshelf,  2007 

ISBN:  0977616630;  9780977616633 

web  site:  http://pragprog.com/titles/rails2/ 

Required  Tools 

Students  in  the  course  will  use  a number  of  tools  including  Ruby  on  Rails  and  a text  editor.  It  is 
possible  to  do  the  work  using  100%  free  tools.  There  are  sufficient  free  tools  to  do  the  work  on  a PC 
or  a Macintosh. 

Optional  Tools 

It  is  highly  recommended  that  every  participant  in  the  course  own  and  bring  a laptop  to  each  class 
session.  This  is  not  a requirement,  and  all  of  the  work  in  the  course  can  be  completed  on  a desktop 
computer  or  on  lab  computers  available  to  SI  students.  However,  you  will  find  parts  of  the  course 
more  valuable  if  you  can  play  with  code  examples  as  we  demonstrate  them  in  class.  A laptop  will  also 
make  it  easier  for  you  to  work  on  your  assignments  and  projects  in  your  spare  time. 

For  backup  purposes  I suggest  you  buy  a flash  drive  with  at  least  2GB  of  storage  space.  This  will  also 
allow  you  to  store  applications  you  use  in  case  you  are  without  a laptop  and  available  computers  do 
have  what  you  need  installed. 

While  the  instructor  likes  his  Macintosh  laptop  very  much,  you  can  do  the  course  on  either  a PC  or  a 
Macintosh.  Where  there  are  significant  differences  when  completing  an  assignment  on  the  two 
systems,  examples  and  documentation  will  be  provided  for  both  systems. 

Giving  and  Receiving  Assistance 

The  first  time  you  learn  technical  material  it  is  often  challenging.  We  are  going  to  cover  a wide  range 
of  topics  in  the  course  and  we  will  move  quickly  between  topics.  Because  it  is  my  goal  for  you  to 
succeed  in  the  course,  I encourage  you  to  get  help  from  anyone  you  like,  especially  in  the  portion  of 
the  course  before  the  midterm  and  even  for  the  completion  of  assignments. 

However,  you  are  responsible  for  learning  the  material,  and  you  should  make  sure  that  all  of  the 
assistance  you  are  getting  is  focused  on  gaining  knowledge,  not  just  on  getting  through  the 
assignments.  If  you  receive  too  much  help  and/or  fail  to  master  the  material,  you  will  crash  and  burn 
at  the  midterm  when  all  of  a sudden  you  must  perform  on  your  own. 

If  you  receive  assistance  on  an  assignment,  please  indicate  the  nature  and  the  amount  of  assistance 
you  received.  If  the  assignment  is  computer  code,  add  a comment  indicating  who  helped  you  and  how. 
If  you  are  a more  advanced  student  and  are  willing  to  help  other  students,  please  feel  free  to  do  so. 


Just  remember  that  your  goal  is  to  help  teach  the  material  to  the  student  receiving  the  help.  It  is 
always  appropriate  to  ask  for  and  provide  help  on  an  assignment  via  the  course-wide  mailing  list. 

Classroom  Rules 

We  are  all  here  to  learn.  I like  a relaxed  classroom  where  everyone  feels  comfortable.  You  are 
welcome  to  bring  drinks  or  snacks  to  class  (assuming  it  is  allowed  in  the  room  we  are  in).  You  can 
(and  should)  bring  your  laptop  to  class.  You  can  check  email  or  MySpace  or  whatever  as  long  as  your 
keyboard  clicks  are  not  distracting.  I would  rather  have  you  come  to  class  and  listen  with  one  ear 
than  not  come  to  class  at  all.  As  a courtesy  to  others,  be  sure  to  put  your  PDA  and  cell  phone  on 
silence/vibrate.  Coming  late  to  and/or  leaving  early  from  class  is  fine  as  long  as  you  don't  disturb  your 
classmates.  I sometimes  forget  to  schedule  a break  during  a long  lecture,  so  feel  free  to  suggest  a break 
if  it  appears  that  I have  forgotten  to  do  so.  Ask  questions  at  any  time,  and  if  you  have  some 
expertise  in  a particular  topic,  feel  free  to  raise  you  hand  and  share  it  with  the  class.  I will  not  be 
offended  and  in  fact  am  here  to  learn  just  like  you  are.  Sleeping  in  class  is  OK  too,  but  I will  do  my 
best  to  keep  you  awake  for  the  whole  class  period.  Our  primary  purpose  in  the  classroom  is  to 
interact  and  learn  from  each  other. 

Assignments 

There  will  be  weekly  assignments  throughout  the  course.  Regular  assignments  allow  you  to  learn  the 
material  in  small  "chunks"  and  to  keep  a close  eye  on  how  well  you  are  understanding  the  material. 

Every  assignment  will  have  a due  date  that  will  be  strictly  enforced.  The  assignments  are  often  used 
as  examples  in  class,  and  we  need  to  be  able  to  openly  discuss  an  assignment  as  quickly  as  possible. 

For  this  reason  late  assignments  will  receive  a zero.  CTools  will  accept  assignments  after  the  due 
date,  and  you  can  turn  in  a late  assignment  or  revise  a previous  assignment  in  order  to  receive 
feedback,  but  no  points  will  be  given  for  an  assignment  that  is  turned  in  after  the  due  date. 

Exams 

There  will  be  two  midterm  and  two  final  exams.  The  first  of  each  is  a traditional  written  exam 
intended  to  measure  mastery  of  the  course  material,  including  programming  knowledge;  the  second  is 
a practical  exam,  administered  during  a scheduled  lab  session,  intended  to  measure  programming  skill. 

Project  Option 

Some  students  may  opt  to  complete  a project  for  the  course.  When  the  midterm  exams  have  been 
graded,  those  students  who  demonstrate  strong  mastery  of  the  material  can  make  a project  proposal. 
Students  can  work  individually  or  as  a group  on  a particular  project.  If  the  project  proposal  is 
accepted,  students  doing  the  project  option  will  be  exempted  from  weekly  assignments  from  that 
point  forward. 

Students  will  be  required  to  report  on  project  progress  on  a weekly  basis.  These  reports  will  be  graded 
instead  of  the  weekly  assignments.  Each  project  team  must  prepare  a final  report  and  make  a 
presentation  of  their  work.  If  time  permits,  project  presentations  will  be  given  to  the  whole  class. 
Students  taking  the  project  option  should  attend  lectures  and  will  have  to  take  all  of  the  exams  in  the 
course.  The  project  work  is  simply  a substitute  for  homework  assignments  for  the  second  half  of  the 


course. 


Grading 


The  graded  work  in  the  course  will  be  weighted  roughly  as  follows  to  determine  a final  percentage 
grade: 


Homework:  50% 

Exams:  40% 

Class  participation  & instructor  discretion:  10% 

Grades  will  be  awarded  as  follows: 


A+ 

97% 

<—  You  have  to  work  really  hard  to  get  this 

A 

92% 

A- 

87% 

B+ 

82% 

B 

77% 

B- 

72% 

C+ 

67% 

c 

62% 

c- 

57% 

D 

52% 

<—  You  also  have  to  work  really  hard  to  get  this 

F 

47% 

•*—  Or  this 

Course  Outline 

The  course  moves  rather  quickly  through  a lot  of  material.  If  you  already  know  HTML,  the  first  few 
weeks  may  seem  like  a review.  But  by  week  4 we  will  be  into  significant  new  material.  During  the  last 
third  of  the  course,  as  we  cover  increasingly  advanced  topics,  we  will  use  the  Agile  Web  Development 
book  more  and  more. 


WEEK 

DATE 

TOPIC 

REQUIRED  READING 

1 

January  9 

HTML 

Lloyd:  1 & 2 

2 

January  16 

CSS 

Lloyd:  3 

3 

January  23 

Tables  and  Forms 

Lloyd:  6 & 7 

4 

January  30 

Building  Software  on  Web  Servers 

Lenz:  1 & 2 

5 

February  6 

Introducing  Ruby 

Lenz:  3 

6 

February 

13 

Introducing  Rails 

Lenz:  4 

7 

February 

20 

Midterm  Exam 

8 

February 

27 

WINTER  BREAK  - NO  CLASS 

9 

March  5 

Model,  View,  Controller 

Lenz:  5 

10 

March  12 

Helpers,  Forms,  and  Layouts 

Lenz:  6 

11 

March  19 

Advanced  CSS 

Lloyd:  4 

12 

March  26 

Ajax  and  Web  2.0 

Lenz:  7,  Agile  Web  Development 

13 

April  2 

Data  Modeling 

Agile  Web  Development 

14 

April  9 

Project  Presentations 

15 

April  16 

Final  Exam 

Success  in  the  Course 

This  is  a fast-paced  course  and  it  covers  a lot  of  interesting  topics.  The  course  is  designed  for  students 
with  no  prior  HTML  or  programming  experience.  If  you  stick  with  the  course  and  invest  the 
necessary  time,  you  will  be  amazed  at  how  much  you  will  learn  in  1 5 weeks. 

If  you  do  not  have  any  programming  experience,  some  concepts  will  take  some  time  to  sink  in.  Do 
not  worry  too  much  if  you  feel  like  you  are  in  a fog  at  times.  The  assignments  are  the  best  way  to 
track  your  progress  through  the  material. 

Usually  the  biggest  problem  students  encounter  in  the  course  is  trying  to  do  everything  in  a few  hours 
right  before  an  assignment  is  due  or  right  before  an  exam.  If  you  only  think  about  the  course  a few 
hours  each  week,  you  will  get  some  of  the  details  but  they  will  not  mesh  together  to  provide  the  big 
picture.  Programming  and  web  sites  are  easy  once  you  get  the  big  picture.  The  textbooks  will  become 
easily  scanned  references  for  you  once  you  know  what  to  look  for  and  why  you  are  looking  for  it. 

Cramming  does  not  work  very  when  dealing  with  the  material  in  this  course.  This  is  because  the 
material  in  the  course  is  actually  very  easy  once  you  "get  it"  - once  you  understand  some  basic 
principles.  No  amount  of  memorization  will  make  up  for  not  having  the  big  picture.  Try  not  to  get 
stuck  on  any  one  thing  - it  is  all  easy  once  you  "get  it."  If  you  do  get  stuck  on  something  and  feel 
like  you  are  going  in  circles,  ask  for  help,  look  at  something  else,  or  come  at  the  problem  from  a 
different  direction. 


Good  luck  and  welcome  aboard! 


